<div class="my-list-header">
  <app-left-line
    [text]="'短信定制'"
  ></app-left-line>

  <button nz-button nzType="primary" (click)="addMsg()">修改短信定制</button>
</div>

<div class="content card">
  <nz-table #smallTable nzSize="small"
    [nzData]="data"
    [nzLoading]="dataLoading"
    [nzShowPagination]="false"
  >
    <thead>
      <tr>
        <th>序号</th>
        <th *ngFor="let col of cols | dealObj: 'value'">{{ col }}</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of smallTable.data; let i = index">
        <td>{{ i + 0 }}</td>
        <td>{{ data['custName'] }}</td>
        <td>{{ data['custUId'] }}</td>
        <td>{{ data['custTel'] }}</td>
        <td>{{ data['details'] }}</td>
        <!-- <td>
          <button nz-button nzType="link"
            nz-popconfirm
            nzPopconfirmTitle="确定解绑此用户编号吗?"
            nzPopconfirmPlacement="top"
          >解绑</button>
        </td> -->
      </tr>
    </tbody>
  </nz-table>
</div>
<div class="my-pagination">
  <nz-pagination [nzTotal]="total" nzShowSizeChanger 
    [(nzPageSize)]="pageSize"
    [(nzPageIndex)]="pageIndex"
    (nzPageSizeChange)="getNoteOrders()"
    (nzPageIndexChange)="getNoteOrders()"
  >

  </nz-pagination>
</div>

